<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<meta name="copyright" content="http://www.appcms.org" />
<link rel="stylesheet" href="skin/base.css">
<link rel="stylesheet" href="skin/win.css">
<script src="js/zy_control.js"></script>
<script src="js/zy_click.js"></script>
<script src="js/zy_slide.js"></script>
<script src="js/config.js"></script>
<script src="js/common.js"></script>
<script>
if (typeof(localStorage['bg'])!= "undefined") {
	var skin = '<style type="text/css">body{ background-color:' + localStorage['bg'] + ';} </style>';
	document.write(skin);
}
</script>
</head>
<body>
<div id="main" class="box-ver box">
	
	<div class="win_content">
		<div id="slider"> </div>
	</div>
	
	<div class="win_footer">
		<div class="l" onclick="openUser('more','more.html',0);"></div>
		<div class="c" id="brief"> </div>
		<div class="r"  onclick="openWin('setting','setting.html',0);"></div>
	</div>
	
</div>
</body>
<script>
	zy_init();
	function setBrief(t){
		$$('brief').innerHTML=t;
	}

	window.uexOnload=function(type){
		if(!type){
	    	var html = '';
			var l=0;
			for (a in l_index){
				l++
			}
			var page = Math.ceil(l/6);
			var i = 1;
			var j = 0;
			for (k in l_index) {
				
				if (i % 6 == 1) {
					html += '<div class="item">';
				}
				
				var _class = 'div';
				if (i % 2 == 1) {
					_class = 'div l';
				}
				html += '<div onclick="open_index(\'' + k + '\');" class="' + _class + '" ><div style="background-color:' + l_index[k]['bg'] + '"><img src="skin/images/icon/' + k + '.png" ><span>' + l_index[k]['title'] + '</span></div></div>';
				
				if (i % 6 == 0) {
					html += '</div>';
					j++;
				}
				
				i++;
			}
			if(j<page){
				html += '</div>';
			}

			$$('slider').innerHTML= html;
			
			$$('slider').slide=new zySlide(
				'slider',
				'H',
				function(){
				},
				false,
				function(e){
					var _currentPoint = this.currentPoint+1;
					var _maxPoint = this.maxPoint+1; 
					setBrief(_currentPoint+'/'+_maxPoint);
				}
			);
			
			setBrief('1/'+page);
		}
	}
	
	function open_index(k){
		if(l_index[k]['islogin']==1){
			if (!c_l()) {
				gologin();
				return false;
			}
		}

		if(l_index[k]['catid']>0){
			localStorage[l_index[k]['url']+'_catid']=l_index[k]['catid'];
		}
		
		if(l_index[k]['model']=='content'||l_index[k]['model']=='life'){
			localStorage[l_index[k]['model']+'_tab']=l_index[k]['url'];
			uexWindow.open(l_index[k]['model'],0,l_index[k]['model']+'.html',2,'','',4);
		}else if(l_index[k]['model']=='apps'){
			uexWindow.open(l_index[k]['model'],0,'apps/'+k+'/index.html',2,'','',4);
		}else if(l_index[k]['model']=='url'){
			localStorage['browserurl']=l_index[k]['url'];
			uexWindow.open('browser','0','browser.html','2','', '',4);
		}else{
			uexWindow.open(l_index[k]['model'],0,l_index[k]['model']+'.html',2,'','',4);
		}
	}


	</script>
</html>